<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(function(){
            $("#btn").bind({
                    click:function (){
                        $.ajax({
                            // 请求方式
                            type: "GET",
                            // 请求的路径
                            url: "AccountServlet",
                            // 超时
                            timeout:2000,
                            // 期望得到的数据类型  text
                            dataType:"json",
                            // 数据
                            //data:{flag:"login",username:"admin"}
                            //  默认异步
                            async:true,
                            data: {flag:"selectAccount",accountId:$("#accountid").val()},
                            // 响应成功执行该函数
                            success: function(json,status,xhr){
                                console.log(json);
                                $("#accountname").val(json.accountName);
                                $("#accountrealname").val(json.accountRealName);
                                $("#accountphone").val(json.accountPhone);
                                $("#accountbirthday").val(json.accountBirthday);
                                $("#rolename").val(json.role.roleName);
                            },
                        });
                    }
                }
            );
        });
    </script>
</head>
<body>
<form >
  <input type="text" name="" value="" id="accountid" placeholder="请输入id">
    <input type="button" value="查询" id="btn"  ><br>
  账户名字:<input type="text" name="" id="accountname"><br>
  真实名字:<input type="text" name="" id="accountrealname"><br>
  账户电话:<input type="text" name="" id="accountphone"><br>
  账户生日:<input type="text" name="" id="accountbirthday"><br>
  角色名字:<input type="text" name="" id="rolename"><br>
</form>
</body>

</html>